<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta property="og:title" content="页面标题" />
    <meta property="og:description" content="页面描述" />
    <link rel="stylesheet" href="css/detail.css" />
    <title>易点印记</title>
  </head>
  <body>
    <div style="display: none"><img src="/img/tn.jpg" alt="" /></div>
    <div id="containerOuter">
      <img src="../img/bg.png" class="bg" />
      <div id="container">
        <div class="img-wrapper">
          <img src="./img/logo.png" class="logo" />
          <img src="./img/slogan.png" class="slogan" />
        </div>
        <div class="poem" id="wordWrapper"></div>
        <div class="pic-area" id="picArea">
          <div class="title">易点青春印记</div>
          <div class="pic-wrapper">
            <div class="go-left" id="goLeft">
              <img src="./img/go-left.png" alt="" />
            </div>
            <div class="go-right" id="goRight">
              <img src="./img/go-right.png" alt="" />
            </div>
            <ul id="picList"></ul>
          </div>
        </div>
        <div class="pic-copy" id="picCopy">
          <img src="" />
        </div>
        <div class="btn-wrapper">
          <button class="btn" id="share">分享我的印记词</button>
        </div>
        <div class="qr-wrapper">
          <div class="qr">
            <img src="./img/hr-url.png" alt="" />
            <span style="margin-left: 1rem">扫码了解在招职位</span>
          </div>
          <div class="qr">
            <span style="margin-right: 1rem; text-align: right"
              >查看我的青春印记</span
            >
            <img src="./img/web-url.png" alt="" />
          </div>
        </div>
      </div>
    </div>

    <div class="share-img-wrapper" id="shareImgWrapper">
      <img src="" alt="" id="shareImg" />
      <span class="share-tips">- 长按图片保存，分享至朋友圈 -</span>
    </div>

    <script src="./lib/jquery-3.6.0.min.js"></script>
    <script src="./lib/html2canvas.min.js"></script>
    <script src="./js/detail.js"></script>
  </body>
</html>
